function visible(){
	var clientHeight = document.documentElement.clientHeight
	var aAn = document.getElementsByClassName('an')
	var iDear = document.getElementsByClassName('idear')
	var iDeaar = document.getElementsByClassName('ideaar')
	var bLog  = document.getElementsByClassName('blog-box')
	var Box = document.getElementsByClassName('aaa')
	document.onscroll = function(){
		for(index = 0; index< aAn.length; index++){
			var al = aAn[index];
			// console.log(el)
			if(al.getBoundingClientRect().top<clientHeight){
				al.classList.add('animated')
				al.classList.add('bounceInUp')
			}
		}
		for(index = 0; index< iDear.length; index++){
			var el = iDear[index];
			if(el.getBoundingClientRect().top<clientHeight){
				el.classList.add('animated')
				el.classList.add('bounceInLeft')
			}
		}
		for(index = 0; index< iDeaar.length; index++){
			var dl = iDeaar[index];
			if(dl.getBoundingClientRect().top<clientHeight){
				dl.classList.add('animated')
				dl.classList.add('bounceInRight')
			}
		}
		for(index = 0; index< bLog.length; index++){
			var bl = bLog[index];
			if(bl.getBoundingClientRect().top<clientHeight){
				bl.classList.add('animated')
				bl.classList.add('fadeInUp')
				// bl.classList.add('fadeIn')
			}
		}
		for(index = 0; index< Box.length; index++){
			var gl = Box[index];
			if(gl.getBoundingClientRect().top<clientHeight){
				gl.classList.add('animated')
				gl.classList.add('fadeIn')
			}
		}
	}
}
visible()


